<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="./tips_detail.css">
    <title>选择快递</title>
</head>

<body>
    <div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">急速拼团</span>
      	</div>
  	</div>
  	<div class="container top-container">
      <div class="goods-detail">
        <div class="img-box">
          <img :src="groupInfo.goods_image" alt="">
        </div>
        <div class="detail-box">
          <p class="goods-title">{{groupInfo.name}}</p>
          <p class="people-msg">{{groupInfo.group_num}}人拼团，已拼{{groupInfo.group_all}}件</p>
          <p style="margin-top: 3px;">
            <span class="money">￥{{groupInfo.group_price}}</span>
            <span>拼团省 {{groupInfo.sale_price-groupInfo.group_price}}元</span>
          </p>
        </div>
      </div>
      <div class="goods-act">
        <div class="act">
          <span><img src="../../../image/shop/buy/buy-13.png" alt="">正品保证</span>
          <span><img src="../../../image/shop/buy/buy-13.png" alt="">七天无理由</span>
          <span><img src="../../../image/shop/buy/buy-13.png" alt="">急速退款</span>
        </div>
        <img class="right-icon" src="../../../image/shop/shop_detail.png" alt="">
      </div>
      <div class="group-people">
        <div class="people-img">
          <div class="people-img-box" v-for="item in groupInfo.list">
            <img :src="item.avater" alt="">
            <span v-if="item.is_leader">团主</span>
          </div>
          <!-- <div class="people-img-box">
            <img src="../../../image/shop/buy/buy-48.png" alt="">
            <span>团主</span>
          </div> -->
        </div>
        <p>仅剩<span>{{groupInfo.less_people}}</span>个名额，{{countTime}}后结束</p>
      </div>
      <div class="tips-detail-btn" @click="intoGroup">急速拼团</div>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./tips_detail.js"></script>
</html>
